
<template >
  <el-submenu :index="index+''">
    <template slot="title">
      <i class="el-icon-location"></i>
      <span slot="title">{{list.functionName}}</span>
    </template>

    <template v-for="v,i in list.children" >
      <menu-trre :key="i" v-if="v.children&&v.children.length!==0" :index="index+'-'+i"></menu-trre>
      <router-link :to="v.functionUrl" v-else>
        <el-menu-item :index="index+'-'+i">{{v.functionName}}</el-menu-item>
      </router-link>
    </template>
  </el-submenu>
</template>


<script>
export default {
  name: "menuTrre",
  components: {
    // menuTree
  },
  props: {
    list: Object,
    index: ""
  },
  data() {
    return {};
  },
  computed: {},
  mounted() {},
  methods: {},
  created() {}
};
</script>
